<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="/js/plugins/shop/css/base.css"/>
    <!--<link rel="stylesheet" type="text/css" href="/js/plugins/shop/css/index.css"/>-->
    <link rel="stylesheet" type="text/css" href="/js/plugins/shop/css/cation.css"/>
    <link rel="stylesheet" type="text/css" href="/js/plugins/shop/css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/js/plugins/shop/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/js/plugins/shop/css/loading.css"/>
    <link rel="stylesheet" href="/js/plugins/shop/css/swiper.min.css">
    <script src="/js/plugins/shop/js/rem.js"></script>
    <script src="/js/plugins/shop/js/jquery.min.js" type="text/javascript"></script>
    <script src="/js/plugins/shop/js/others.js"></script>
    <script src="/js/plugins/shop/js/swiper.jquery.min.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        })
    </script>
    <script src="../js/plugins/jrender/jrender.min.js"></script>
    <script>
        $(function () {
            $.get("/shop/commodity",function (data) {
                console.log(data);
                //商品
                $("#clearfloat").renderValues(data,{
                    setHref:function (ele,value) {
                        $(ele).attr("href",$(ele).attr("href")+value)
                    }
                })
                //轮播
                $(".swiper-container").renderValues(data,{
                    setHref:function (ele,value) {
                        $(ele).attr("href",$(ele).attr("href")+value)
                    }
                })
            })



        })
    </script>

</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body>
<!--头部区域-->
<header class="mui-bar mui-bar-nav" id="header">
    <a class="btn" href="/mine/profiles.html">
        <i class="iconfont icon-fanhui"></i>
    </a>
    <h4>积分商城</h4>
</header>

<div id="main" class="clearfloat warp">
    <div class="mui-content">
        <!--幻灯片播放-->
        <div class="banner swiper-container">
            <div class="swiper-wrapper" render-loop="list" >
                <div class="swiper-slide"><a href="javascript:void(0)">

                    <a href="/mine/detail.html?id=" render-fun="setHref" render-key="list.id" >
                        <img  render-src="list.coverUrl" width="100%" height="200px" alt=""></a>
                    </a>

                </div>
            </div>
        </div>






        <!--新品专区-->
        <div class="onnew clearfloat" id="clearfloat" >
            <!--新品一-->
           <!-- <div class="warp clearfloat" id="clearfloat">
                <div class="cations clearfloat" render-loop="list" >
                    <div class="mui-col-sm-6">

                    </div>

                    <div class="list clearfloat fl">
                        <a href="/mine/detail.html?id=" render-fun="setHref" render-key="list.id" >
                            <p class="tit over box-s" render-html="list.title" ></p>
                            <div class="tu">
                                <img render-src="list.coverUrl"/>
                            </div>
                        </a>
                    </div>


                </div>
            </div>-->
                <h6 class="news-title">商品大全 </h6>
                <div class="news">
                    <div class="row hot" render-loop="list">
                        <div class="col-4">
                            <a href="/mine/detail.html?id=" render-fun="setHref" render-key="list.id" >
                                <img class="rounded " width="100%" height="100px" render-src="list.coverUrl">
                            </a>
                            <div class="caption">
                            <!--    <p>
                                    <span render-html="list.release_time"> </span>
                                    <i class="fa fa-heart-o"></i>
                                </p>-->
                                <a href="/mine/detail.html?id=" render-fun="setHref" render-key="list.id" >
                                    <p render-html="list.title"></p>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>



        </div>
    </div>
</div>
<!--导航栏-->
<footer class="page-footer fixed-footer" id="footer">
    <ul>
        <li class="active">
            <a href="/mine/mallFrontPage.html">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="car.html">
                <i class="iconfont icon-gouwuche"></i>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="center.html">
                <i class="iconfont icon-yonghuming"></i>
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
</body>

</html>